<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
  	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  	<meta name="apple-mobile-web-app-capable" content="yes">
  	<meta name="format-detection" content="telephone=no">
	<title>编写博客 - Blog</title>
	<link rel="stylesheet" href="./static/layui/css/layui.css">
	<link rel="stylesheet" href="./static/css/common.css">
	<link rel="stylesheet" href="./static/css/detail.css">
    <link rel="stylesheet" href="./static/layui/css/layui.css">
    <link rel="stylesheet" href="./static/editormd/css/editormd.min.css" />
    <!-- 页面解析markdown为HTML显示需要的css -->
    <link rel="stylesheet" href="./static/editormd/css/editormd.preview.min.css" />
</head>
<body>
	<header class="layui-bg-cyan">
		<nav class="layui-container">
			<div class="layui-row">
			    <div class="layui-col-md2 logo">
			    	<a href="javascript:;"><img style="height: 50px;" src="./static/images/logo.png"></a>
			    </div>
			    <div class="layui-col-md8 layui-hide-xs">
			    	<ul class="layui-nav layui-bg-cyan">
					  	<li class="layui-nav-item">
					    	<a href="./index.html">首页</a>
					  	</li>
						<li class="layui-nav-item ">
						<script id="category" type="text/html">
					    	<a href="./articleList.html">文章<span class="layui-nav-more"></span></a>
								<dl class="layui-nav-child">
							{{#  if(d.list.length != 0){ }}
							 {{#  layui.each(d.list, function(index, item){ }}
						      		<dd><a href="./category.html?id={{item.typeId}}">{{item.content}}</a></dd> 	  
							 {{#  }); }}
								</dl>
							{{#  } }}
						</script>
							<div id = "categoryList"></div>
					  	</li>
						<li class="layui-nav-item layui-this" id="edit">
					    	<a href="./editor.html">开始创作</a>
					  	</li>
					</ul>
			    </div>
			    <div class="layui-col-md2 layui-hide-xs userinfoBox">
			    	<ul class="layui-nav layui-bg-cyan">
					  	<li class="layui-nav-item" lay-unselect="">
						  	<script id="person" type="text/html">
						    <a href="javascript:;"><img src={{d.data.avatar}} class="layui-nav-img">{{d.data.name}}	
								<span class="layui-nav-more"></span></a>
						 	   <dl class="layui-nav-child">
								{{# if(d.data.id != 0) { }}
						      		<dd><a href="./person.html">我的文章</a></dd>
									{{# if(d.data.id == 1){ }}
									<dd><a href="./admin.html">系统管理</a></dd>
									{{# } }}
						      		<dd><a href="javascript:;" id="logout">退出</a></dd>
								{{# } else { }}
									<dd><a href="./login.html">登录</a></dd>
								{{# } }}
								</dl>
							</a>
							</script>
							<div id = "account"></div>
						</li>
					</ul>
			    </div>
		   	</div>
		</nav>
	</header>

	<div class="layui-container" style="min-height: 100vh;">
		<div class="layui-row layui-col-space20">
			<div class="layui-col-md12">
				<div class="layui-row">
					<!-- <div class="layui-col-md12">
						<div class="main">
							<div class="layui-btn-container" style="margin: 10px;border-bottom: 1px solid #eee;">
								<button id="showEditor" class="layui-btn">显示编辑器</button>
								<button id="getMarkdownContent" class="layui-btn">获取Markdown源码</button>
								<button id="getHtmlContent" class="layui-btn">获取Html源码</button>
								<button id="showHTML" class="layui-btn">Markdown解析成HTML</button>
							</div>
							弹出框
							<div id="myeditor" style="display: none;">
								富文本编辑器
								<div id="test-editormd"></div>
							</div>
							页面解析markdown为HTML显示
							<div id="markdownToHTML" style="padding: 0px;">
								<textarea id="content" style="display:none;" placeholder="markdown语言"></textarea>
							</div>
						</div>
					</div> -->
					<div class="layui-col-md12">
						<form class="layui-form" action="" style="background: white;padding:20px 30px 20px 0px;">
							<div class="layui-form-item">
							    <label class="layui-form-label">标题</label>
							    <div class="layui-input-block">
							      <input type="text" name="title" id="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
							    </div>
							 </div>
							 <div class="layui-form-item">
							    <label class="layui-form-label">分类</label>
							    <div class="layui-input-block" >
							      <select name="categorySelect" id="categorySelect" lay-verify="required">
										<option value=""></option>
								  </select>
							    </div>
							 </div>
							 <div class="layui-form-item">
							    <label class="layui-form-label">标签</label>
							    <div class="tags" id="tags" style="margin: 0 0 0 110px;padding:0;border:unset;width: auto;">
								    <input type="text" name="label" required  id="inputTags" lay-verify="required"  placeholder="添加标签" autocomplete="off" class="layui-input" style="border: 1px solid #d5d5d5;">
								 </div>
							 </div>
						 </form>
					</div>
					<div class="layui-col-md12" style="border-width: 0px;" id="editormd"></div>
					<div class="layui-col-md12">	
						<button id="addArticle" class="layui-btn layui-btn-fluid layui-btn-radius layui-btn-normal">保存文章</button>
					</div>
				</div>
	        </div>
		</div>
	</div>

	<!-- 尾部 -->
	<div class="footer" style="width:100%;position:relative;bottom:0px;">
	<footer class="layui-bg-cyan">
		<div class="layui-container">
			<div class="layui-row">
				<p>本站部分内容来源于网络，若侵犯到您的利益，请联系站长删除！谢谢！Powered By <a href="https://gitee.com/XzcGroup/XzcBlogTemplate" target="_blank" title="XzcBlogTemplate">XzcBlogTemplate</a></p>
			</div>
		</div>
	</footer>
	</div>
</body>
<script src="./static/layui/layui.all.js"></script>
<script src="./static/layui/layui.js"></script>
<script src="./static/javascript/jquery.min.js"></script>
<script src="./static/editormd/js/editormd.min.js"></script>
<!-- 页面markdown解析成HTML需要的js -->
<script src="./static/editormd/lib/marked.min.js"></script>
<script src="./static/editormd/lib/prettify.min.js"></script>
<script src="./static/editormd/lib/raphael.min.js"></script>
<script src="./static/editormd/lib/underscore.min.js"></script>
<script src="./static/editormd/lib/sequence-diagram.min.js"></script>
<script src="./static/editormd/lib/flowchart.min.js"></script>
<script src="./static/editormd/lib/jquery.flowchart.min.js"></script>
<script src="./static/javascript/inputTags.js"></script>
<script src="./static/js/editor.js"></script>
</html>